<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>英文代码储物柜</title>
<meta name="author" content="Administrator" />

<link rel="shortcut icon" href="http://static.codoon.com/image/universal/codoon.ico" />

<link rel="stylesheet" href="style/css/jquery.fullPage.css" />
<link rel="stylesheet" href="style/css/base.css" />
<link rel="stylesheet" href="style/css/welcome.css" />
<link rel="stylesheet" href="style/css/jquery.bxslider.css">

<script src="style/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="style/js/jquery.bxslider.js"></script>

<script type="text/javascript" src="style/js/main.js"></script>

<script type="text/javascript">
$(document).ready(function() {
		my_section1.init();
  $('#welcome').fullpage({
	'verticalCentered': false,
	'css3': true,
	'sectionsColor': ['#6cbb52','#e89c38', '#40a3e1'],
	'navigation': true,
	'navigationPosition': 'right',
			//'easing' : 'easeInOutBounce',
			'afterRender' : function (index,anchorLink ) {
				$(".iphone_img").addClass('fadeInTop');
			},
			'afterSlideLoad':function(index ) {

			}
			,
	'afterLoad': function(anchorLink, index){
				if( index == 2) {
					$(".iphone_img").removeClass('fadeInTop');
				}
				if(index==3){
					my_section1.init();
				}
				if(index==1){
					my_section1.init();
				}
				if(index==2){
					my_section2.init();
				}

	},
	'onLeave': function(index, nextIndex, direction){
	  if( nextIndex  == 1 ) {
					$(".iphone_img").addClass('fadeInTop');
				}
				if(index==1){
					my_section1.anim();
				}
				if(index==3){
					my_section1.anim();
				}
				if(index==2){
					my_section2.anim();
				}
	}
  });
});
</script>
</head>
<body>

    <div id="welcome">
        <div class="section" id="section0">
           <div class="my_section">
                <div class="my_codoon fl">
                    <div class="text1_box">
                        <div class="text1 fl">百度一下，</div><div class="text3 fl">一度软件</div>
                        <div class="blank0"></div>
                    </div>
                    <p><div class="text2">中国最大的储物柜系统</div></p>
                    <div class="download_box">
                        <div class="left">
                            <div class="icon erweima"></div>
                        </div>
                        <div class="right">
                            <a href="Map.html" class="item pc_download item_pc" style="margin-bottom:15px;">进入储物柜地图</a>
                            <a class="item mobile_download mobile_icon"><img src="style/images/erweima.png" alt=""></a>
                        </div>
                        <div class="blank10"></div>
                    </div>
                </div>
                <div class="iphone fr">
                    <div class="iphone_icon iphone_img">
                      <div id="iphone_slider_wrapper">
                        <div id="iphone_slider">
                          <ul id="iphone_slider_ul">
                            <li><img style="width:256px;height: 456px;" src="style/images/s1.png"></li>
                            <li><img style="width:256px;height: 456px;" src="style/images/s2.png"></li>
                            <li><img style="width:256px;height: 456px;" src="style/images/s3.png"></li>
                          </ul>
                        </div>
                      </div>
                      <img class="iphone_xxoo" src="style/images/iphone_xxoo.png">
                    </div>
                </div>
                <div class="blank0"></div>
           </div>
        </div>
        <div class="section" id="section1">
            <div class="my_section ">
               <div class="rom_txt fr">
                    <h2 class="bigtit">英文储物柜</h2>
                    <p class="notes">首个用于中国所有地区的储物柜</p>
                    <div class="blank10"></div>
                    <ul class="clearfix">
                      <li>英文连接</li>
                      <li>连接储物柜云平台</li>
                      <li>精准的记录与识别</li>
                      <li>ajax算法</li>
                      <li>个人身份ID</li>
                      <li>实用功能不断更新</li>
                    </ul>
                </div>
                <div class="cod_rom fl">
                    <img src="style/images/rom1.png" alt="">
                    <img src="style/images/rom2.png" alt="">
                    <img src="style/images/rom3.png" alt="">
                    <img src="style/images/rom4.png" alt="">
                    <img src="style/images/rom5.png" alt="">
                    <img src="style/images/rom6.png" alt="">
                    <img src="style/images/rom7.png" alt="">
                    <img src="style/images/rom8.png" alt="">
                    <img src="style/images/rom9.png" alt="">
                    <img src="style/images/rom10.png" alt="">
                </div>
                <div class="blank0"></div>
            </div>
        </div>
        <div class="section" id="section2">
            <div class="my_section">
                  <div class="rom_txt fl souhuan">
                    <h2 class="bigtit">英文储物柜</h2>
                    <p class="notes">全国统一稳定</p>
                    <ul class="clearfix">
                      <li>世界地图</li>
                      <li>准确定位</li>
                      <li>范围广泛</li>
                      <li>云端服务</li>
                      <li>免流量启动</li>
                      <li>艾瑞巴蒂</li>
                    </ul>
                </div>
               <div class="cod_rom fl">
               		<img src="style/images/rom1.png" alt="">
               		<img src="style/images/rom2.png" alt="">
               		<img src="style/images/rom3.png" alt="">
               		<img src="style/images/rom4.png" alt="">
               		<img src="style/images/rom5.png" alt="">
               		<img src="style/images/rom6.png" alt="">
               		<img src="style/images/rom7.png" alt="">
               		<img src="style/images/rom8.png" alt="">
               		<img src="style/images/rom9.png" alt="">
               		<img src="style/images/rom10.png" alt="">
               </div>
							 <div class="blank0"></div>
            </div>
        </div>
    </div>
    <div class="fixed head">
        <div class="head_content">
            <div class="icon logo logo_blue fl"></div>
            <div id="logreg" class="fr login_box">
                
            </div>
        </div>
        <div class="line"></div>
    </div>
</body>
<script type="text/javascript">
	$(function(){
		var url="../../user/sessionuser.action";
		var data=null;
		$.post(url,data,function(mes){
			if(mes!=null){
				$("#logreg").html('欢迎您,尊敬的:(<a href="../llr/personalCenter.html?id='+mes.userId+'">'+mes.userName+'</a>)')
			}else{
				$("#logreg").html('<a href="../llr/loginBack.html" class="">登录:</a>'
	           					  +'<span class="">|</span>'
	          					  +'<a href="../llr/regisBack.html" class="">注册</a>');
			}
			
		},"json")
	})
</script>
</html>